<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>OU管理</title>
    <link rel="stylesheet" href="/static/layui/css/layui.css">
    <script src="/static/layui/layui.js"></script>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>

<!--表格 -->
<table class="layui-hide" id="ID-treeTable-demo" lay-filter="TD-manage" ></table>

<script>
    // 初始化执行函数
    $(function (){initTable();});
    // 初始化表格
    function initTable(){
        layui.use(function (){
            let treeTable = layui.treeTable;    // 树形表格属性
            // 执行生成
            var inst = treeTable.render({   //可以不用变量inst
                elem: '#ID-treeTable-demo',     // 引用名称 table标签里引用
                id: 'tableId',  // 表格id索引
                url: '/new_data_ou', // 此处为静态模拟数据，实际使用时需换成真实接口
                method: 'post',     // 访问方法
                {#{'dn': parent_id, 'parent_id': parent_id, 'tittle': "公司", 'name_dn': parent_id, 'children': []}#}
                cols: [[    // 定义表格的列
                    {type: 'numbers', title: '序号',fixed: 'left'},   // 自带的序号
                    {field: 'name', title: '部门名称', width: 380},     // 使用field的值从data里取值，tittle是表格的表头名
                    {field: 'title', title: '部门名称1', width: 380},     // 使用field的值从data里取值，tittle是表格的表头名
                    {field: 'name_dn', title: 'DN', width: 380},
                ]],
                page: false, // 是否分页
                text: '获取失败', // 加载数据出错时的提示
                done: function (res, current, count){
                    $('thead tr').css({'background-color': '#8E236B', 'color': 'white' })
                    treeTable.expandAll('tableId',true);    // 需要等待表格渲染结束后再展开
                }
            });
        })
    }
</script>




</body>
</html>